<template>
	<view class="flex_y body-item py32">
		<view class="body-item__left pr mr30">
			<image class="img156_156"
				src="https://magic-box-app.oss-cn-hangzhou.aliyuncs.com/images/75df1aad-f58e-4fa2-a192-c8651a604234_c8b09280400e47c89c25e00c2f910e12_dbdda5d8a4324f08900ddea2e42378f6_c90f0d140b7f40758cca4860d6b34b10.jpg"
				mode="aspectFill" />
		</view>
		<view class="body-item__info">
			<view class="flex">
				<view class="goods__title fs28 mr24">
					<view class="ellipsis-1">商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称</view>
					<!-- <view class="FristTest YouSheBiaoTiHei">赏</view> -->
					<TitleTag word="First" />
				</view>
				<view class="close fg0"></view>
			</view>
			<view class="goods_price flex_y">
				<view class="mr16">出售价</view>
				<view class="input__box px24 t_666 flex_y fs24">
					<input name="isInput" type="digit" v-model="inputValue">
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import TitleTag from './TitleTag.vue'
	export default {
		components: {
			TitleTag,
		},
		data() {
			return {
				inputValue: 123456
			}
		},
	}
</script>

<style lang="scss">
	.close {
		position: relative;
		width: 32rpx;
		height: 32rpx;
	}

	.close::before,
	.close::after {
		position: absolute;
		top: 7rpx;
		left: 16rpx;
		content: ' ';
		background-color: #333;
		width: 2px;
		height: 15px;
	}

	.close::before {
		transform: rotate(45deg);
	}

	.close::after {
		transform: rotate(-45deg);
	}

	.img156_156 {
		width: 156rpx;
		height: 156rpx;
		border-radius: 8rpx;
	}

	.body-item {
		border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);

		&__info {
			height: 156rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}

		.goods__title {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			height: 92rpx;
		}

		.goods_price {
			// height: 64rpx;
			// display: flex;
			// align-items: flex-end;
			// justify-content: space-between;
		}

		.input__box {
			width: 172rpx;
			height: 56rpx;
			background: #e8e8e8;
			border-radius: 28rpx;
		}
	}
</style>